<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>学校卡片</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="schoolCard.css">
</head>

<body>
    <div class="wrapper">
        <div class="mini-card">
            <div class="card-title">
                <a href="#">
                    <img src="http://119.29.85.47/static/gaokao/img/471.jpg" /> <span>集美大学</span>
                </a>
            </div>
            <div class="card-tags">
                <span>普通本科</span>
                <span>重点</span>
                <span>公办</span>
            </div>
            <div class="card-infos">
                <span>福建省</span>
                <span>厦门市</span>
                <span>综合类</span>
            </div>
        </div>
    </div>
    <div class="total-card">
        <div class="mini-card">
            <div class="card-title">
                <a href="#">
                    <img src="http://119.29.85.47/static/gaokao/img/471.jpg" /> <span>集美大学</span>
                </a>
            </div>
            <div class="card-tags">
                <span>普通本科</span>
                <span>重点</span>
                <span>公办</span>
            </div>
            <div class="card-infos">
                <span>福建省</span>
                <span>厦门市</span>
                <span>综合类</span>
            </div>
        </div>
        <div class="other-infos">
            <div class="latest-plan">
                <div>2020招生计划</div>
                <div>
                    <span>招生人数</span>
                    <span>12</span>
                </div>
                <div>
                    <span>减扩人数</span>
                    <span>5</span>
                </div>

            </div>
            <div class="history-plan">
                <div>历史录取<br><span>年份/最低分/最低位次/录取人数</span></div>

                <div>
                    <span>2020</span>
                    <span>508/25969/32</span>
                </div>
                <div>
                    <span>2019</span>
                    <span>508/25969/32</span>
                </div>
                <div>
                    <span>2018</span>
                    <span>508/25969/32</span>
                </div>
            </div>
        </div>
    </div>

</body>

</html>